.bottom {
    max-width: 980px;
    margin-left: auto !important;
    margin-right: auto !important;
    position: relative;
    padding: 9px 24px;
}

.footer {
    font-size: 12px;
    color: #666;
}

.footer a {
    font-size: 12px;
    color: #666;
}

.footer a:hover {
    font-size: 12px;
    color: #4183c4;
}

.catalog-body li:hover>.wholerow {
    background-color: #e5e5e5;
}

.sidebar-copyright,
.sidebar-copyright a {
    color: #b3b1b4;

}

.sidebar-copyright a:hover {
    font-size: 12px;
    color: #4183c4;
}

.window-body .sidebar .sidebar-body .search-body {
    background-color: #fafafa;
}

.catalog-body .text:hover {
    color: #4183c4;

}



.news {
    background-color: #fff
}

.news .title-name {
    color: #333
}

.news .list .title {
    display: flex;
    justify-content: space-between;
    font-size: 24px;
    border-left: 6px var(--hdsyscms-bg) solid;
    padding-left: 10px;
    margin-bottom: 15px
}

.news .list .title a {
    font-size: 14px;
    color: #999999;
    float: right;
    border: 1px #999999 solid;
    padding: 0 10px;
    border-radius: 20px;
    height: 30px;
    line-height: 28px
}

.news .list .title a:hover {
    color: var(--hdsyscms-color);
    border: 1px var(--hdsyscms-color) solid
}

.news .list .item .com-box {
    padding-left: 0px
}

.news .list .item .com-box .content-img {
    list-style-type: none;
    display: flex;
    padding-left: 15px
}

.news .list .item .com-box .content-img .imgesc {
    width: 121px !important;
    height: 75px !important
}

.news .list .item .com-box .content-img .imgesc .img-thumbnail {
    padding: 0px !important;
    min-height: 75px !important;
    width: 121px !important;
    height: 75px !important;
    max-width: 121px
}

.news .list .item .com-box .content-img .text {
    padding-left: 10px;
    display: flex;
    flex-direction: column
}

.news .list .item .com-box .content-img .text a {
    white-space: nowrap !important;
    line-height: 30px;
    width: 390px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 18px
}

.news .list .item .com-box .content-text {
    border-bottom: 1px #e5e5e5 dashed;
    text-indent: 1em;
    background: url(images/icon_85.jpg) left center no-repeat;
    height: 50px;
    line-height: 50px;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between
}

.news .list .item .com-box .content-text a {
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

@media screen and (max-width: 991.8px) {
    .news .list .item .com-box .content-text span {
        display: none
    }
}

@media screen and (max-width: 760.8px) {
    .news .list .item .com-box .content-text span {
        display: block
    }
}

@media screen and (max-width: 500.8px) {
    .news .list .item .com-box .content-text span {
        display: none
    }
}

@media screen and (max-width: 991.8px) {
    .news {
        background-color: #fff
    }

    .news .title-name {
        color: #333
    }

    .news .list .item .com-box .content-img {
        display: flex;
        padding-left: 0px;
        flex-direction: column
    }

    .news .list .item .com-box .content-img .imgesc {
        width: 100% !important;
        height: auto !important
    }

    .news .list .item .com-box .content-img .imgesc .img-thumbnail {
        padding: 0px !important;
        min-height: 75px !important;
        width: 100% !important;
        height: auto !important;
        max-width: 100%
    }

    .news .list .item .com-box .content-img .text {
        padding-left: 0px;
        display: flex;
        flex-direction: column
    }

    .news .list .item .com-box .content-img .text a {
        white-space: nowrap !important;
        line-height: 30px;
        width: auto;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-size: 18px
    }

    .news .list .item .com-box .content-img .text span {
        display: none
    }
}

.apiname {
    color: rgba(0, 0, 0, 0.5);
    font-size: 12px;
    line-height: 21px;
    padding-left: 2px
}

.browse {
    font-size: 16px;
    padding-right: 5px;
    color: rgba(128, 128, 128, 0.404)
}

.text-muted {
    color: rgba(128, 128, 128, 0.404);
    font-size: 13px
}



.active {}

.com-box li a {

    width: 100%;
}

.com-box li a:hover {
    /* background-color: #e5e5e5; */
    color: #4183c4 !important
}